<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>预约查询</title>
<link href="../../css/layout_dierban.css" rel="stylesheet" />
<link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">
<!-- bootstrap table css-->
<link rel="stylesheet" href="../../bootstrapTable/dist/bootstrap-table.min.css">
	
<!-- bootstrap-datetimepicker css -->
<link rel="stylesheet" href="../../js/datetimepicker/css/bootstrap-datetimepicker.min.css">
 
<script src="../../js/jquery.min.js"></script>	   
<script type="text/javascript" src="../../bootstrap/js/bootstrap.min.js"></script>

<!-- jquery-confirm -->
<link href="../../css/jquery-confirm.min.css" rel="stylesheet">
<script type="text/javascript" src="../../js/jquery-confirm.min.js" ></script>

<!-- select2 -->
<script type="text/javascript" src="../../js/select2/js/select2.min.js"></script>
<link rel="stylesheet" type="text/css" href="../../js/select2/css/select2.min.css" />

<link rel="stylesheet" type="text/css" href="../../ctiypicker/css/cityPicker.css">
<script type="text/javascript" src="../../ctiypicker/js/cityPicker.js"></script>

<!-- 多级机构选择控件 -->
<link rel="stylesheet" href="../../js/orgpicker/orgpicker.css">
<script type="text/javascript" src="../../js/orgpicker/orgpicker.js"></script>

<!-- bootstrap table js -->
<script src="../../bootstrapTable/dist/bootstrap-table.js"></script>
<script src="../../bootstrapTable/dist/locale/bootstrap-table-zh-CN.js"></script>

<!-- bootstrap-datetimepicker时间控件 -->
<script type="text/javascript" src="../../js/datetimepicker/bootstrap-datetimepicker.js" charset="UTF-8"></script>
<script type="text/javascript" src="../../js/locales/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>
	
<script type="text/javascript" src="../../js/share.js"></script>
<script type="text/javascript" src="../../js/bindcontrol.js"></script>


<script type="text/javascript" src="index.js"></script>
</head>
<body>
<div class='miaov_head'>
   <iframe marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=no src="../../html/head.html" width="100%"  height="200px">
  </iframe>
</div>
	<div class="content" style="width:1000px; margin:0 auto 50px;">
		<h2>预约查询</h2>
		<br>
		
		 <form class="form-horizontal">
			<fieldset>
				<div class="form-group">
					<label class="col-sm-1 control-label">机构</label>
					<div class="col-sm-3">
						<input type="text" class="form-control"  id="orgSelect" >
					</div>
					<label class="col-sm-1 control-label">日期</label>
					<div class="col-sm-3">
						<input id="recordDate" class="form-control" type="date">
					</div>
					<div class="col-sm-1">
							<button type="button" class="btn btn-primary" id="search">
							<span class="glyphicon glyphicon-search"></span>搜索
							</button>
					</div>
					
					<div class="col-sm-1">
						<a style="text-align: right;" id="reserveApply" data-toggle="modal" data-target="#reserveModal" class="js_update btn btn-danger" ><span class="glyphicon glyphicon-tag"></span>预约</a>
					</div>
					<div class="form-group"></div>
				</div>
			</fieldset>
		</form>	
		

		<!-- <div class="panel panel-primary">
			<div class="panel-heading">
				<h3 class="panel-title">预约信息</h3>
			</div>
			<div class="panel-body"> -->
				
				<table  id="bookingTable" style="text-align: center;"></table>
				
		<!--  	</div>
		</div>
		-->
		
		<!-- 模态框（Modal） -->
<div class="modal fade" id="reserveModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog" style = "width:1100px;height:600px">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
					&times;
				</button>
				<h4 class="modal-title" id="myModalLabel">
					预约申请
				</h4>
			</div>
			<div class="modal-body" style="margin:auto;padding-left: 50px;padding-right: 50px;">
				<iframe id="cspiframe" marginwidth=0 marginheight=0 hspace=0 vspace=0 scrolling=no frameborder=0 style = "width:1000px;height:600px"></iframe>
			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal -->
</div>

	</div>
	<div class='miaov_foot'>
  		 <iframe marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=no src="../../html/foot.html" width="100%"  height="200px"></iframe>
	</div>
</body>
</html>